<script setup lang="ts">
import { myStore } from '@/store/my';
import { useRouter } from 'vue-router';
import PersonInfo from './components/PersonInfo/index.vue';
import PersonAdvantage from './components/PersonAdvantage/index.vue';
import PositionType from './components/PositionType/index.vue';
import ExcellentSkill from './components/ExcellentSkill/index.vue';
import WorkExperience from './components/WorkExperience/index.vue';
import ProjectExperience from './components/ProjectExperience/index.vue';
import EducationalExperience from './components/EducationalExperience/index.vue';
const router = useRouter();
const store: any = myStore();
store.getResumeDetail();
store.getResumeDict();
</script>
<template>
  <van-nav-bar title="我的简历" left-arrow @click-left="router.back()" />
  <div class="resume" v-if="store.resumeInfo.id">
    <PersonInfo :item="store.resumeInfo"></PersonInfo>
    <PersonAdvantage></PersonAdvantage>
    <PositionType></PositionType>
    <ExcellentSkill></ExcellentSkill>
    <WorkExperience></WorkExperience>
    <ProjectExperience></ProjectExperience>
    <EducationalExperience></EducationalExperience>
  </div>
  <router-link to="/my/resume/preview">
    <button class="resume-btn">预览简历</button>
  </router-link>
</template>
<style scoped>
.resume {
  height: calc(100vh - 46px - 3rem);
  overflow: auto;
}
.resume-btn {
  height: 2.35rem;
  background: linear-gradient(90deg, #fea829, #fe8f27);
  border-radius: 0.27rem;
  margin: 0 0.64rem 0.64rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(100vw - 1.28rem);
  border: none;
  font-size: 0.8rem;
  font-weight: 400;
  color: #ffffff;
}
</style>
